<template>
    <div style="height: 100%">
        <el-row type="flex" justify="center"
                :gutter="20" style="height: 100%">
<!--            <el-col :span="5">-->
<!--                <el-menu-->
<!--                        default-active="1"-->
<!--                        class="el-menu-vertical-demo"-->
<!--                        @select="handleSelect"-->
<!--                        background-color="#545c64"-->
<!--                        text-color="#fff"-->
<!--                        active-text-color="#ffd04b"-->
<!--                        style="box-shadow: 0 4px 8px;height: 100%">-->
<!--                    <el-menu-item index="http://120.24.6.0:9090/CarBigData/duird">-->
<!--                        <span slot="title">数据库连接池 Druid</span>-->
<!--                    </el-menu-item>-->
<!--                    <el-menu-item index="http://120.24.6.0:8080/">-->
<!--                        <span slot="title">Spark 系统健康情况</span>-->
<!--                    </el-menu-item>-->
<!--                    <el-menu-item index="http://120.24.6.0:50070/">-->
<!--                        <span slot="title">Hadoop 系统健康情况</span>-->
<!--                    </el-menu-item>-->
<!--                    <el-menu-item index="/scheduler">-->
<!--                        <span slot="title">调度控制</span>-->
<!--                    </el-menu-item>-->
<!--                </el-menu>-->
<!--            </el-col>-->
            <el-col :span="17" style="height:100%;background-color:white">
                <!--                        放置销售分析视图组件-->
<!--                <iframe v-show="showIframe" :src="defaultViewName" frameborder="0" style="width: 100%;height: 100%"></iframe>-->
                <router-view></router-view>
            </el-col>


        </el-row>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                showIframe: true,
                defaultViewName: '',
            }
        },
        methods: {
            // handleSelect(key, keyPath) {
            //     this.defaultViewName =key;
            // },
        },
        // mounted() {
        //     this.handleSelect('/system/mysql')
        // },
    };
</script>

<style scoped>

</style>